<head>
		<style type="text/css">
			
			span[id^="word"]
				{float:left; margin:3px; padding:3px; border:1px none #999999; color:#333333;}
				
			span[id^="place"]
				{float:left; margin:0px; width: 50px; height: 30px; padding:0px; border:1px solid #999999; color:#333333;}
			
			.pics, .nums
				{clear:both; text-align:center;}
		</style>
		
		<script type="text/javascript">
			//function called when drag starts
			function dragIt(theEvent) {
				//tell the browser what to drag
				theEvent.dataTransfer.setData("Text", theEvent.target.id);
			}

			//function called when element drops
			function dropIt(theEvent) {
				//get a reference to the element being dragged
				var theData = theEvent.dataTransfer.getData("Text");
				//get the element
				var theDraggedElement = document.getElementById(theData);
				//add it to the drop element
				theEvent.target.appendChild(theDraggedElement);
				//instruct the browser to allow the drop
				theEvent.preventDefault();
			}
		</script>
	</head>
	
	
<div id="main"><!-- this encompasses the entire Web site -->

	<?php include('header.php');?>
	
	<div class="container">
	
<div id="content">
	
<div class="equal_height">
	
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
	
<div class="blog_subhead">
	 
	<div class="blog_icon">
		
		<a href="#" title="The Conversation: A blog from Livemocha">
			<img src="http://www.her.itesm.mx/informatica/cib/images/tecDock.png" alt="Livemocha Blog"></a>
		
	</div>
	
	<div class="blog_title">
		
		<h1><a href="#" title="The Conversation: A blog from Livemocha">Andrei Tapia</a> <span class="smaller">A01162843 (Student)</span></h1>
		
	</div>
	
</div>
	
<div class="blog_subnav">
	
	<div class="map_small"></div>
	
	<h3>Drag & Drop, Multiple Choice, Select the word and many other exercises in one place.</h3>
		
		 
	<ul id="tab_wrapper" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
		<li class="ui-state-default ui-corner-top"><a href="#tabs-1">Unit 1</a></li>
		<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-2" id="tabs2">Unit 2</a></li>
		<li class="ui-state-default ui-corner-top"><a href="#tabs-3" id="tabs3">Unit 3</a></li>
	</ul>
	
	
</div>

	<div id="tabs-1" class="tabs-content ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide2">
		
				
			<div class="post-single">
			
			<div class="post-single-border-none"></div>
				
				<h1 class="archive"><a href="#" title="Drag & Drop">Drag & Drop exercises</a></h1>
				
				<div class="post-meta">
					<p>
						Created by <a href="#" title="Posts by Jose Luis" rel="author">Jose Luis</a> on September 28, 2012 
											</p>
				</div><!--.postMeta-->
				
				<div class="comment-blob comment-blob-archive">
					<a href="#" title="Comment on Saturday Morning Music  Celebrating China" data-disqus-identifier="7076 http://livemocha.com/?p=7076">1 Comment</a>				</div>
				
				<div class="line"></div>
				
				<div class="post-content">
					<div class="clear"></div>
					<p>&nbsp;</p>

					<p>Complete the sentences using one of the following Relative pronouns &nbsp;
					<a href="#" class="read-more">read more</a></p>
					<p>&nbsp;</p>
							
							<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Columbus would never have made it to Asia,</span>
			<span id="place"></span>
			<span id="word">was farther away than he expected</span>
			
		</div>
		
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Pick colors</span>
			<span id="place"></span>
			<span id="word">are silly, and your house and your house will seem flat and featureless.</span>
			
			
		</div>
		
						</div>	
					</div><!--.post-single-->
			
			
		    <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'livemocha';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
                        s.src = 'http' + '://' + 'disqus.com/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
		
		<div id="appendto10"></div>
		
		
	</div>
	
	
	<div id="tabs-2" class="tabs-content ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide2">
		
				
			<div class="post-single">
			
			<div class="post-single-border-none"></div>
				
				<h1 class="archive"><a href="#" title="Drag & Drop">Select words</a></h1>
				
				<div class="post-meta">
					<p>
						Created by <a href="#" title="Posts by Jose Luis" rel="author">Jose Luis</a> on September 28, 2012 
											</p>
				</div><!--.postMeta-->
				
				<div class="comment-blob comment-blob-archive">
					<a href="#" title="Comment on Saturday Morning Music  Celebrating China" data-disqus-identifier="7076 http://livemocha.com/?p=7076">1 Comment</a>				</div>
				
				<div class="line"></div>
				
				<div class="post-content">
					<div class="clear"></div>
					<p>&nbsp;</p>

					<p>Complete the sentences using one of the following Relative pronouns &nbsp;
					<a href="#" class="read-more">read more</a></p>
					<p>&nbsp;</p>
							
							<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Columbus would never have made it to Asia,</span>
			<span id="place"></span>
			<span id="word">was farther away than he expected</span>
			
		</div>
		
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Pick colors</span>
			<span id="place"></span>
			<span id="word">are silly, and your house and your house will seem flat and featureless.</span>
			
			
		</div>
		
						</div>	
					</div><!--.post-single-->
			
			
		    <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'livemocha';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
                        s.src = 'http' + '://' + 'disqus.com/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
		
		<div id="appendto10"></div>
		
		
	</div>
	
	
	<div id="tabs-3" class="tabs-content ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide2">
		
				
			<div class="post-single">
			
			<div class="post-single-border-none"></div>
				
				<h1 class="archive"><a href="#" title="Drag & Drop">Multiple choice</a></h1>
				
				<div class="post-meta">
					<p>
						Created by <a href="#" title="Posts by Jose Luis" rel="author">Jose Luis</a> on September 28, 2012 
											</p>
				</div><!--.postMeta-->
				
				<div class="comment-blob comment-blob-archive">
					<a href="#" title="Comment on Saturday Morning Music  Celebrating China" data-disqus-identifier="7076 http://livemocha.com/?p=7076">1 Comment</a>				</div>
				
				<div class="line"></div>
				
				<div class="post-content">
					<div class="clear"></div>
					<p>&nbsp;</p>

					<p>Complete the sentences using one of the following Relative pronouns &nbsp;
					<a href="#" class="read-more">read more</a></p>
					<p>&nbsp;</p>
							
							<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Columbus would never have made it to Asia,</span>
			<span id="place"></span>
			<span id="word">was farther away than he expected</span>
			
		</div>
		
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<div class="pics"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			
			<span draggable="true" ondragstart="dragIt(event);" id="word">
				who
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word2">
				where
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word3">
				when
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word4">
				which
			</span>
			
			<span draggable="true" ondragstart="dragIt(event);" id="word5">
				that
			</span>
		</div>
		
		<div class="nums"  id="place6" ondrop="dropIt(event);" ondragover="event.preventDefault();">
			<span id="word">Pick colors</span>
			<span id="place"></span>
			<span id="word">are silly, and your house and your house will seem flat and featureless.</span>
			
			
		</div>
		
						</div>	
					</div><!--.post-single-->
			
			
		    <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'livemocha';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
                        s.src = 'http' + '://' + 'disqus.com/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
		
		<div id="appendto10"></div>
		
		
	</div>
	
</div>

</div>

</div><!--#content-->
	<?php include('sidebar.php');?>
		<div class="clear"></div>
	</div><!--.container-->
	
	<?php include('footer.php');?>		
</div><!--#main-->
